<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿真</title>
    <!-- 引入facicon.ico网页图标 -->
	<link rel="shortcut icon" href="../favicon.ico"  type="image/x-icon"/> 
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="../layui/dist/css/layui.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="../css/style.css">
    <!-- 内容排版 -->
    <link rel="stylesheet" href="../css/typo.css">
    <!-- 动画效果 -->
    <link rel="stylesheet" href="../css/animate.css">
    <!-- 代码高亮  -->
    <link rel="stylesheet" href="../lib/prism/prism.css">
    <!-- 目录生成 Tocbot -->
    <link rel="stylesheet" href="../lib/tocbot/tocbot.css">
    
</head>
<body>
   
    <div class="layui-row w">
        <div class="layui-col-xs6 layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header m-card-header">仿真</div>
                <div class="layui-card-body typo  typo-selection text js-toc-content">
                    <b style="font-size: 18px;">目录</b>
                    <ol id="table" style="text-decoration:none;">
                      <li><a href="#section1">1. 视频推荐</a></li>
                      <li><a href="#section2">2. 一点建议</a>
                    </ol>
                    
                    <h2 id="section1">1. 视频推荐 </h2>
                   <p>我是不建议仿真的，毕竟我们板子都买了，还仿真不是很可笑吗，不过老师要是要求交作业那就另说了，自己没怎么看过仿真 就推荐一个看过的吧</p>
                    <p><a href="https://www.bilibili.com/video/BV1T7411F7fY?spm_id_from=333.999.0.0" target="_blank" rel="noopener noreferrer">利用porteus和keil软件进行单片机流水灯的演示</a></p>
                    <p>视频中用的仿真软件是 Proteus8 和keil 不想找的我单片机类 51单片机网盘链接 资料里有</p>

                </div>
            </div>
        </div>
    </div>

   

<div id="toc"  style=" display:none;">
    <ol class="js-toc">
    </ol>
</div>
<div id="qq"  style=" display:none;">
   <img src="/img/QQ.png" alt="">
</div>

    <!-- 引入 layui.js -->
    <script src="../layui/dist/layui.js"></script>
<script src="../lib/prism/prism.js"></script>
<script src="../lib/tocbot/tocbot.min.js"></script>
<script>
    layui.use(['util', 'laydate', 'layer'], function(){
      var util = layui.util
      ,laydate = layui.laydate
      ,$ = layui.$
      ,layer = layui.layer;
      //固定块
      util.fixbar({
        bar1: '&#xe705;'
        ,bar2: '&#xe676;'
        ,css: {right: 50, bottom:20}
        ,bgcolor: '#5FB878'
        ,click: function(type){
          if(type === 'bar1'){
            //页面层-自定义
            mainIndex = layer.open({
                type: 1, 
                title: ['目录', 'font-size:18px;text-align:right;'],
                content: $('#toc'),
                offset: 'r',
                anim: 5,
                resize:false,
                shade:0
            });
          } else if(type === 'bar2') {
           //页面层-自定义
           mainIndex = layer.open({
                type: 1, 
                title: false,
                content: $('#qq'),
                anim: 5,
                resize:false,
                closeBtn: 0,
                shade: [0.7, '#393D49'],
                shadeClose:true,
                time: 60000
            });
          }
        }
      });
    });   
</script> 
 <script>
     //生成目录的初始化
     tocbot.init({
        //目录生成的位置
        tocSelector: '.js-toc',
        // 那些要生成目录
        contentSelector: '.js-toc-content',
        //目录级别
        headingSelector: 'h1, h2, h3',
    });

    
 </script>
</body>
</html>